<template>
    <div class="showtype_progress" 
    >
           <div class="showtype_progress_line" ref="clineRefs" 
           >
              <div @click="handletype">
                   <div>循环播放</div>
                   <switchs @totagle="LoopTotagle"></switchs>
              </div>
              <div>
                   <div>画中画</div>
                   <switchs @totagle="LoopTPing"></switchs>
              </div>
           </div> 
   </div>
</template> 
<script lang="ts" setup>
import {defineEmits, defineAsyncComponent} from 'vue';
const switchs = defineAsyncComponent(()=>import('./switchTmpe.vue'));
 
const emits = defineEmits(['handletype']) 
const LoopTotagle = (e)=>{
    
    emits('handletype',{type:'loop',statu:e});
}
const LoopTPing = (e)=>{
    
    emits('handletype',{type:'ping',statu:e});
}








</script>